<template>
	<view>
		<navigator url="../login/login" >
		<view class="flex  align-center p-2 " hover-class="bg-light" >
			<image src="/static/default.jpg" style="width: 100rpx; height: 100rpx;"
			 class="rounded-circle" ></image>
			 <view class="flex flex-column flex-1 px-2 " >
				 <text class="font font-weight-bold" >昵称</text>
				 <text class="font-sm text-muted " >总贴子10 今日发贴0</text>
			 </view>
			 <text class="iconfont icon-bangzhujinru" ></text>
		</view>
		</navigator>
		 <!-- px-3 上下  py-2 左右 -->
		<view class="flex  align-center px-3 py-2 " >
			<view class="flex-1 flex flex-column align-center justify-center "
			 v-for="(item,index) in myData" :key ="index" >
				<text class="font-lg font-weight-bold" >{{item.num}}</text>
				<text class="font text-muted"  >{{item.name}}</text>
			</view>	
		</view>
		<!-- 广告位 -->
		<view class="px-3 py-2">
			<image  src="/static/demo/banner1.jpg" mode="aspectFill" 
			style="height: 170rpx;width: 100%;" class="rounded" ></image>
		</view>
		
		<uni-list-item title="浏览历史" showExtraIcon>
			<text slot ="icon" class="iconfont icon-liulan " ></text>
		</uni-list-item>
		<uni-list-item title="社区认证" showExtraIcon >
			<text slot ="icon" class="iconfont icon-auth " ></text>
		</uni-list-item>
		<uni-list-item title="审核贴子" showExtraIcon >
			<text slot ="icon" class="iconfont icon-shenhe " ></text>
		</uni-list-item>
	</view>
</template>

<script>
		import uniListItem from "@/components/uni_ui/uni-list-item/uni-list-item.vue"
	export default {
		components:{
			uniListItem
		},
		data() {
			return {
				myData:[{
					name:"贴子",
					num:1
				},{
					name:"动态",
					num:1
				},{
					name:"评论",
					num:1
				},{
					name:"粉丝",
					num:1
				}]
			}
		},
		onNavigationBarButtonTap() {
			uni.navigateTo({
				url: '../user-set/user-set',
				
			});
		},
		
		methods: {
			
		}
	}
</script>

<style>

</style>
